<html>
<head>
<style>
.select-box {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #333333;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    height: 33px;
    padding: 7px 5px;
    text-align: left;
    width: 90px;
	-webkit-appearance: none;
}
.small-in-box {
    background: url("small_input_bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 33px;
    margin: 0 5px 0 0;
    width: 90px;
	-webkit-appearance: none;
}
</style>
</head>
<body>

   <div class="small-in-box">
		<select class="select-box" name="gender">
			<option>Select</option>
			<option>Male</option>
			<option>Female</option>
		</select>
   </div>

</body>

</html>